import React from 'react'
import { Form, Input, Card, Button, Radio, InputNumber, Switch, Select } from 'antd'
import { PageHeaderWrapper } from '@ant-design/pro-layout'
const { Option } = Select

export default () => {
    return (
        <PageHeaderWrapper title={false}>
            <Card>
                <Form
                    labelCol={{ span: 3 }}
                    wrapperCol={{ span: 9 }}
                    initialValues={{ settle_period: 1, quick_join: true, experience_join_duration: 14 }}
                >
                    <nav style={{ borderLeft: "4px solid #4685FD", paddingLeft: "10px", marginBottom: "28px", fontWeight: 600, fontSize: "16px" }}>结算周期设置</nav>
                    <Form.Item label="结算周期类型" name="settle_period" required help="按天是指每天0点开始，按周是指每周一0点开始，按月是指每月一号0点开始">
                        <Radio.Group>
                            <Radio value={1}>按天</Radio>
                            <Radio value={2}>按周</Radio>
                            <Radio value={3}>按月</Radio>
                        </Radio.Group>
                    </Form.Item>
                    <nav style={{ borderLeft: "4px solid #4685FD", paddingLeft: "10px", marginBottom: "28px", fontWeight: 600, fontSize: "16px" }}>提现设置</nav>
                    <Form.Item label="最低提现金额" required help="最低提现金额，对手动申请提现有效">
                        <InputNumber />
                    </Form.Item>
                    <Form.Item label="最高提现金额" required help="最高提现金额，对手动申请提现有效">
                        <InputNumber />
                    </Form.Item>

                    <nav style={{ borderLeft: "4px solid #4685FD", paddingLeft: "10px", marginBottom: "28px", fontWeight: 600, fontSize: "16px" }}>体验入驻设置</nav>


                    <Form.Item label="快速入驻" required help="开启后，入驻界面显示快速开店选项" name="quick_join" valuePropName="checked">
                        <Switch />
                    </Form.Item>

                    <Form.Item label="体验入驻时长" required  name="experience_join_duration">
                        <InputNumber style={{ width: "160px" }} />
                    </Form.Item>

                    <Form.Item label="体验开店套餐" required>
                        <Select style={{ width: "180px" }}>
                            <Option value={1}>体验套餐</Option>
                        </Select>
                    </Form.Item>
                    <Form.Item wrapperCol={{ offset: 3 }}>
                        <Button type="primary">保存</Button>
                    </Form.Item>
                </Form>
            </Card>
        </PageHeaderWrapper>
    )
}